<head>
<title>S.E.C.-Chuligan</title>
</head>

<script src="{{ STATIC_URL }}js/jquery.Jcrop.js" type="text/javascript"></script>
<script src="{{ STATIC_URL }}js/hooligan_profile.js" type="text/javascript"></script>
<link rel="stylesheet" href="{{ STATIC_URL }}css/jquery.Jcrop.css" type="text/css" />

<div id="hooligan_profile_box">
	<div class="btn-group">
		<a href="/hools/edit/{{hooligan.id}}" class="btn btn-primary" onclick="showAddModal();">Edit
		</a>
		<button id="show_profile_button" class="btn">
			Delete
	
		</button>
		<button class="btn btn btn-info" onclick="reloadUser();">
			R
	
		</button>
	</div>
	</br>

	<div class="">
		</br>
		</br>
	
		<img class="box_shadow" id="profile_img" src="/api/hools/img/{{hooligan.photoUrl}}" />

	</div>
	</br>

	<div id="profile_data">
		<input id="hool_id" type="hidden" value="{{hooligan.id}}" />
		<p>
			Imie: {{hooligan.name}}
	
		</p>
		<p>
			Nazwisko: {{hooligan.lastname}}
	
		</p>
		<p>
			Data dodania: {{hooligan.date|date:"c"}}
	
		</p>

	</div>
	<div id="event_list">
		<div class="btn-group">
			<button id="show_add_event_modal_button" class="btn btn-primary">Przypisz do zdarzenia</button>
			<button id="show_event_button" class="btn">Pokaż zdarzenie</button>
		</div>
		<form>
			<table id="event_table" class="table table-striped">
				<thead>
					<tr>
						<th></th>
						<th>#</th>
						<th>Typ zbrodni</th>
						<th>Użytkownik rejestrujący</th>
						<th>Mapa</th>
						<th>Data</th>
					</tr>
				</thead>
				<tbody id="events_table_body">
				</tbody>
			</table>
		</form>
	</div>
	<div id="add_event_modal" class="modal hide fade">
		<div class="modal-header">
			<button class="close" data-dismiss="modal" aria-hidden="true">
				&times;
			</button>
			<h3 id="H3">Dodaj typ zdarzenia
				<button class="btn btn btn-warning" id="Button3">
					Wyczyść
				</button>
			</h3>
		</div>
		<div class="modal-body">
			<form action="" id="add_event_form">
				{% csrf_token %} 
				<input type="hidden" name="hooligan_id" value="{{hooligan.id}}" />
				{{ form.as_p }}
			</form>
		</div>
		<div class="modal-footer">
			<br />
			<a onclick="$('#add_event_modal').modal('hide');" class="btn">Anuluj</a>
			<button class="btn btn-primary" id="add_event_button">
				Zatwierdź
			</button>
		</div>
	</div>

</div>
